@charset "utf-8";
$fontSize:40;
@function r($p){
    @return $p/$fontSize*1rem;
}
.gray{
    width:100%;
    height:r(25);
    background:#f5f5f5;
}
a{
    color:#8b8b8b;
}
body{
    background:#fff;
}
*{
    margin: 0;
    padding: 0;
}
html,body{
    width: 100%;
    height: 100%;
    overflow: hidden;
}
.web{
    width: 100%;
    height: 100%;
    position: relative;

.main{
     width:100vw;
     position: absolute;
     left:0;
     right: 0;
     top:r(90);;
     bottom:r(100);
     /*height: calc(100% - 50px);*/
     overflow: auto;

    >.kc2_content{
        width:r(580);
        margin:0 auto;
        margin-bottom:r(25);
        >.kc2_title{
            margin-top:r(30);
            color:#5B5755;
            font-size:r(30);
            font-weight: bold;
        }
        >.kc_dhang{
            margin-top:r(16);
            padding-bottom:r(16);
            border-bottom:#8b8b8b 1px solid;
            display:flex;
            display:-webkit-flex;
            justify-content: space-between;
            >ul{
                >li{
                    display: inline-block;
                    color:#8b8b8b;
                    font-size:r(18);
                }
            }
            >span{
                color:#8b8b8b;
                font-size:r(18);
            }
        }//kc_dhang
        >.kc2_img{
            margin-top:r(16);
            margin-bottom:r(32);
            width:100%;
            >img{
                width:100%;
            }
        }
        >.kc2_txt{
            font-size:r(20);
            color:#8b8b8b;
            overflow: hidden;
            text-overflow:ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
            margin-bottom:r(37);
            text-align: left;
        }
        >.kc2_htit{
            font-size:r(20);
            color:#8b8b8b;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        >.kc2_htxt{
            font-size:r(20);
            color:#8b8b8b;
            overflow: hidden;
            text-overflow:ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 6;
            -webkit-box-orient: vertical;
        }
    }//kc2_content
    >.kc2_time_dd{
        padding-top:r(15);
        padding-bottom:r(33);
        margin:0 auto;
        width:r(583);
        >p{
            color:#5b5755;
            font-size:r(30);
            margin-bottom:r(15);
        }
        >div{
            display:flex;
            display:-webkit-flex;
            align-items: center;
            margin-bottom:r(10);
            >div{
                margin-right: r(13);
            }
            >p{
                color:#8b8b8b;
                font-size:r(20);
            }
        }

    }
    >.kc2_jianjie{
        padding-top:r(15);
        padding-bottom:r(20);
        margin:0 auto;
        width:r(583);
        >p{
            color:#8b8b8b;
            font-size:r(20);
            margin-bottom:r(12);
        }
        >.box{
            display: flex;
            display:-webkit-flex;
            justify-content: space-between;
            >section{
                display: flex;
                display:-webkit-flex;
                justify-content: center;
                align-items:center;
                align-content: center;
                >div{
                    width:r(88);
                    >img{
                        width:100%;
                    }
                }
                >aside{
                   
                    >div{
                        color:#8b8b8b;    
                        font-size: r(18);
                    }
                    >p{
                        display: flex;
                        display:-webkit-flex;
                        flex-direction: column;
                        flex-wrap: wrap;
                        color:#8b8b8b;    
                       
                        >span{
                            font-size: r(14);
                        }
                    }
                }
            }
        }
      
    }
   
    >.bm{
                    
        margin:0 auto; 
        margin-top:r(20);           
        background:#b10100;
        width:r(583);
        text-align: center;
        vertical-align: middle;
        >a{
            vertical-align: middle;
            line-height: r(58);
            display: inline-block;
            font-size:r(28);
            color:#fff;
        }
        >div{
            
            vertical-align: middle;
            display:inline-block;
            width:r(27);
            height:r(27);
            background:#fff;
            border-radius:50%;
            margin-left:r(10);
            >span{
                line-height: r(25);
                vertical-align: middle;
                color:#b10100;
                font-size: r(20);
                font-weight: bold;
            }
        }
    }
}//main

}